<extend name="Public/base"/>
<block name="head">
    <!-- DATA TABLES --><!-- 
    <link href="__PUBLIC__/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" /> -->

    <link href="__PUBLIC__/plugins/datatables/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/plugins/datatables/extensions/TableTools/css/dataTables.tableTools.min.css" rel="stylesheet" type="text/css" />
</block>

<block name="body">
   <section class="content">
          <div class="row">
          	<div class="col-xs-12">
                <div class="box">
                <div class="box-body table-responsive">
                  <table id="note-tables" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                            <th>编号</th>
                            <th>名称</th>
                            <th>显示名</th>
                            <th>分组</th>
                            <th>序号</th>
                            <th>状态</th>
                            <th>操作</th>
                      </tr>
                    </thead>
                   <tbody>
                     <volist name="lists" id="vo" >
                        <tr data="{$vo['id']}">
	                        <td>{$vo['id']}</td>

	                        <td><a href="__URL__/index/pid/{$vo['id']}/" target="navTab" rel="__MODULE__">{$vo['name']}</a></td>

	                        <td>{$vo['title']}</td>

	                        <td>{$vo['group_id']|getNodeGroupName}</td>

	                        <td>{$vo['sort']}</td>

	                        <td>{$vo['status'] | getStatus}</td>
	                        <td>
	                            <p data-placement="top" data-toggle="tooltip" title="Edit">
	                                <a href="__URL__/edit/id/{$vo['id']}">
	                                <button class="btn btn-primary btn-xs" data-title="Edit" ><span class="glyphicon glyphicon-pencil"></span>
	                                </button>
	                                </a>
	                            </p>
	                            <!--<p data-placement="top" data-toggle="tooltip" title="Delete">-->
	                                <!--<a href="__URL__/foreverdelete/id/{$vo['id']}" class="ajax-get confirm">-->
	                                <!--<button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#delete" >-->
	                                    <!--<span class="glyphicon glyphicon-trash"></span>-->
	                                <!--</button>-->
	                                <!--</a>-->
	                            <!--</p>-->
	                        </td>
                        </tr>
                        </volist>
                   </tbody>
        
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
         <include file="add" />
        </section><!-- /.content -->
</block>
<block name="script">

    <script src="__PUBLIC__/plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
        
            iniDataTable("#note-tables",'ajaxGetNodeData()','__URL__');
            iniAjaxFormDialog('#nodeAddForm','#add');
        });

    </script>

</block>
